---
slug: react-compiler
title: Enabling React Compiler in Waku
description: Learn how to enable the React Compiler in your Waku project using the Vite Plugin to optimize your React applications.
---

The React Compiler is a build-time tool designed to optimize React applications automatically. This guide will show you how to enable the React Compiler by integrating it with the `@vitejs/plugin-react`.

```bash
npm install -D @vitejs/plugin-react babel-plugin-react-compiler
```

```ts
// waku.config.ts
import { defineConfig } from 'waku/config';
import react from '@vitejs/plugin-react'; // make sure v5.0.1 or above is installed

const ReactCompilerConfig = {};

export default defineConfig({
  vite: {
    plugins: [
      // cf. https://github.com/vitejs/vite-plugin-react/pull/537
      react({
        babel: {
          plugins: ['babel-plugin-react-compiler', ReactCompilerConfig],
        },
      }),
    ],
  },
});
```
